<template>
  <div>
    <header>My App Header</header>
    <NuxtPage />
    <!-- 这里会渲染 pages 目录中的内容 -->
    <footer>My App Footer</footer>
  </div>
</template>

<script setup>
useHead({
  title: '我的应用',
  meta: [{ name: 'description', content: '我的神奇网站。' }],
  bodyAttrs: {
    class: 'test'
  },
  script: [{ innerHTML: "console.log('Hello world')" }]
})

// 全局逻辑或状态初始化
console.log('App.vue is loaded')
</script>
<style>
/* 全局样式 */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}
</style>
